<template>
    <van-nav-bar title="登录" left-text="返回" left-arrow @click-left="()=>{$router.push('/register')}" />
    <van-form @submit="onSubmit">
        <van-cell-group inset>
            <van-field v-model="LoginFrom.username" name="用户名" label="用户名" placeholder="用户名"
                :rules="[{ required: true, message: '请填写用户名' }]" />
            <van-field v-model="LoginFrom.password" type="password" name="密码" label="密码" placeholder="密码"
                :rules="[{ required: true, message: '请填写密码' }]" />
        </van-cell-group>
        <div style="margin: 16px;">
            <van-button round block type="primary" native-type="submit" @click="submit">
                提交
            </van-button>
        </div>
    </van-form>
</template>

<script setup>
import {reactive} from 'vue'
let LoginFrom = reactive({
    username:'',
    password:'',
})
import {useRouter} from 'vue-router'
let router=new useRouter()
import { showToast } from 'vant';
import { loginApi } from '@/api/api'
const submit=()=>{
    loginApi(LoginFrom.username,LoginFrom.password).then(res=>{
        console.log('登录数据',res)
        if(res.data.code==0){
             showToast({
                type: 'sucsses',
                message: '登录成功',
                onClose() {
                    router.push('/')
                }
            });
        }
    })
}
</script>

<style lang="scss" scoped></style>